/*关于我们*/
.indexabout{width: 1200px;position: relative; border:5px solid #4a5fa2; margin:150px auto; height: 300px}
.abouttext { position: absolute; left:50px; top: 100px; height: 125px; width: 600px; overflow: hidden; line-height: 25px}
.aboutimg { position: absolute; right:50px; top: -50px; height: 380px; width: 400px }
.aboutimg  img{ height: 100%; width: 100% }
.more{ position: absolute; left: 30px; top: 270px; background: #303440; height: 60px; width: 60px; line-height: 60px; text-align: center; transition: 0.5s  }
.more a{ display: block; font-size: 30px }
.more:hover a{ background: #4a5fa2; color: #fff }
.indexabout .indextit{ margin-top: 10px; margin-left:50px }





/*首页标题*/
.indextit{margin-top:60px; margin-bottom: 50px;text-align:center}
.indextit p{font-size: 16px;}
.indextit span{font-size:24px;font-weight:bold;display: inline-block;color: #000;display: block;line-height: 40px}
.indextit em{height: 5px;width:70px;background: #4a5fa2;display: inline-block;}





/*产品*/
.check_tit{ margin-top: 30px; text-align: center; margin-bottom: 30px }
.check_tit em{ display:inline-block; cursor: pointer; margin:0 5px 20px 5px; background: url(../images/list.png) no-repeat center top;  
 text-align: center; font-size: 12px; padding: 0 30px;  transition: 0.5s; width:200px; height:62px; line-height:62px; color: #000;overflow: hidden; }
.check_tit em:hover,.check_tit em.on{ background: #ed2a2d; color: #fff;background: url(../images/listhover.png) no-repeat center top;  }
.probox { position: relative;  height: 500px }
.probg{ background: #455199; height: 466px; width: 700px; position: absolute; left: 0 ; top: 0; z-index: 0 }
.probox .more{ position: absolute; width:300px; height: 200px; left: 900px; top:230px; z-index: 100;background: #4a5fa2  }
.probox .more a{ display: block; margin: 15px;  border: 5px solid #fff;color: #fff; height: 170px; line-height: 170px }
.probox .more a:hover{ background: #e94100 }
.check_con{ position: absolute; left:0; top: 0; z-index: 1; width: 1200px; height: 400px;overflow:hidden;}
.check_con ul{margin-top:20px; clear:both; overflow: hidden; padding-top: 10px }
.check_con ul li{ float:left; width:300px; height: 200px; overflow: hidden;   transition: 0.8s;  }
.check_con ul li:nth-child(1){ margin-left: 300px  }

.probox .indextit{ position: absolute;  left: 50px; top: 0;  z-index: 10; color: #fff;}
.probox .indextit span{ color: #fff }

.check_con ul li img{ height: 100%; width: 100%; overflow: hidden;}
.check_tit em:hover,.check_tit em.on{ color: #fff;  }
.check_list  li a{ position: absolute; width: 300px; height: 200px;  }
.check_list  li a strong{ position: absolute; left: 0 ; top: 0; z-index: 100;  width: 100%; height: 100%;
 padding: 20px;line-height: 30px; opacity: 0 ; font-size: 20px;  }
 .check_list  li a strong span{ font-size: 14px; display: block; font-weight:normal; color: #999 }
.check_list  li:hover a strong{background: rgba(0,0,0,0.8); color: #fff; opacity: 1; transition: 0.5s}



/*几大优势*/
.good{background: url(../images/goodbg.jpg) no-repeat center top; overflow: hidden; }
.goodlist{ transition: 1s; text-align: center; width: 400px; overflow: hidden; height: 600px; float: left; transition: 0.5  }


.goodlist i{ color: #fff; font-size: 60px; font-weight: bold;  margin-top: 140px;   }
.goodlist i,.goodlist span{ display: block; transition: 0.5s }
.goodlist .img2{ width: 90%; height: 0; margin:30px auto;  margin-left: 5%;  transition: 0.5s  }

.goodlist h3{ color: #fff; font-size: 20px; font-weight: bold; transition: 1s; display: block; width: 100%; overflow: hidden; margin-top:30px; }
.goodlist span{ width: 60%; margin:0 auto; margin:30px auto; line-height: 30px; height: 90px; overflow: hidden; color: #fff  }


.goodlist:hover{ background:rgba(128,154,236,0.7); color: #fff }
.goodlist:hover h3{ color: #fff ; display: block}
.goodlist:hover i{ display: block; opacity: 1; margin-top: 40px; margin-bottom: 40px }

.goodlist:hover .img2{height: 180px}






.lb{ width: 100%; position: relative; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0;
}

.clearfix {
    *zoom: 1;
}

.Cooldog_container {
    width: 1200px;
    height: 450px;
    margin:0px auto ;
    position: relative;
    overflow: hidden;
}

.Cooldog_container .Cooldog_content {
    position: absolute;
    width: 750px;
    height: 450px;
    top: 0;
    left: 50%;
    margin-left: -249px;
}

.Cooldog_container .Cooldog_content li {
    position: absolute;
    top: 0;
    left: 0;
    width: 750px;
    height: 450px;
    transition: all 0.3s ease;
}

.Cooldog_container .Cooldog_content li img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}

.lb .btn_left, .lb .btn_right {

    width: 50px;
    height: 100px;
    position: absolute;
    top: 200px;
    z-index: 50;
    color: #fff;
    line-height: 179px;
    background: #455199;
    font-size:50px;
    line-height:100px; 
    text-align: center;

}

.lb .btn_left {
    text-align: left;
    left: 0;

}

.lb .btn_right {
    text-align: right;
    right: 0;
}

.Cooldog_container i {
    font-size: 50px;
}


.Cooldog_container .btn_close i {
    font-size: 18px;
}

.Cooldog_container .buttons {
    width: 370px;
    height: 5px;
    line-height: 5px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -185px;
    z-index: 80;
}

.Cooldog_container .buttons a {
    float: left;
    width: 40px;
    height: 5px;
    background-color: #fff;
    margin-right: 15px;
}

.Cooldog_container .buttons a.color {
    background-color: #455199;
}

.Cooldog_container .buttons a:last-child {
    margin-right: 0;
}

.p1 {
    transform: translate3d(-670px, 0, 0) scale(0.81);
    opacity: 0.4;
    z-index: 1;
}

.p2 {
    transform: translate3d(-450px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.6;
    z-index: 2;
}

.p3 {
    transform: translate3d(-220px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.8;
    z-index: 3;
}

.p4 {
    transform: translate3d(-120px, 0, 0) scale(1);
    opacity: 1;
    z-index: 4;
}

.p5 {
    transform: translate3d(130px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.8;
    z-index: 3;
}

.p6 {
    transform: translate3d(425px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.6;
    z-index: 2;
}

.p7 {
    transform: translate3d(625px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0.4;
    z-index: 1;
}





.leftnew{ float: right; width: 400px; height:377px; overflow: hidden; } 
.newscon a{ display: block; }
.newscon a span{ font-size: 16px; line-height: 40px  }
.newscon a em{ float: right; line-height: 40px }
.newscon a p{ font-size: 14px; color: #999 }

.rightnew{ float: left; width: 750px } 
.newscon a:hover span{ color: #455199 }
.leftnew img{ width: 100%; height: 100% }
.rightnew dl{ clear: both; display: block; margin-bottom: 20px; height: 106px; overflow: hidden; overflow: hidden; }
.rightnew dl dt{ float: left; width: 150px }
.rightnew dl dd{ float: right; width: 580px }
.rightnew dl dt img{ width: 150px; height: 100px; overflow: hidden; }